body{  /*取消浏览器内间距  外间距*/
    margin: 0;
    padding: 0;
}

.d1{
    width: 600px;
    height: 400px;
    background-color: skyblue;
}

.d2{
    width: 300px;
    height:100px ;
    background-color: red;
}
/*
position: relative
    相对定位：占据文档流
    相对 该元素 原来的位置 进行的偏离
*/
.d3{
    width: 400px;
    height:200px ;
    background-color: yellow;
    position: relative;   /*占据文档流*/
    top:20px;  /*相对 该元素 原来的位置 进行的偏离*/
    left: 30px;
}

.d4 {
    width: 500px;
    height: 100px;
    background-color: chartreuse;
}
